<template>
  <div class="scheme-exam">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="方案综合评定" name="scheme">
        <SchemeList />
      </el-tab-pane>
      <el-tab-pane label="模型综合评定" name="model">
        <ModelEvaluate />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from 'vue'
// 方案综合评定
import SchemeList from './cpns/scheme-list/index.vue'
//  模型综合评定
import ModelEvaluate from './cpns/model-evaluate/index.vue'
const activeName = ref('scheme')
const handleClick = (tab, event) => {
  console.log(tab, event)
}
</script>

<style lang="less" scoped>
.scheme-exam {
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: white;
  .el-tabs {
    height: 100%;
    :deep(.el-tabs__item) {
      font-size: 16px;
    }
  }
  :deep(.el-tabs__content) {
    height: calc(100% - 50px);
    .el-tab-pane {
      height: 100%;
    }
  }
}
</style>
